﻿$(document).ready(function() {

    $(".border").mouseover(function() {
        $(this).attr("class", "border b_active left");
        var t = $(this).attr("title");
        $(".circle[title='" + t + "']").attr("class", "circle c_active left");
    });

    $(".border").mouseout(function() {
        $(this).attr("class", "border b_inactive left");
        var t = $(this).attr("title");
        $(".circle[title='" + t + "']").attr("class", "circle c_inactive left");
    });

    $(".circle").mouseover(function() {
        $(this).attr("class", "circle c_active left");
        var t = $(this).attr("title");
        $(".border[title='" + t + "']").attr("class", "border b_active left");
    });

    $(".circle").mouseout(function() {
        $(this).attr("class", "circle c_inactive left");
        var t = $(this).attr("title");
        $(".border[title='" + t + "']").attr("class", "border b_inactive left");
    });

});